<template>
<div :class="[ ...classes , 'titletime']" :style="styleses">
    <div style="display: inline-block;text-align: left;">
      <span style="color:#FFFFFF;">计划供热量</span>
      <br />
      <span>
        <span
          class="top_planheat"
          id="userSet-plan_heat"
          style="color:#53F3F3;font-weight:bold;"
        >{{numval}}</span> MW
      </span>
    </div>
  </div>
</template>
<script>
import titlemixins from "@/mixins/bigScreen/titlemixins";
export default {
  mixins: [titlemixins],
  name: "jihuanum",
  components: {},
  data() {
    return {
      numval: "-"
    };
  },
  computed: {},
  watch: {
    "$store.state.daping.bigScreen": {
      handler: function(n, o) {
        let n_tmp = n;
        let g_bigscreen_data_arr = n_tmp.filter(item => {
          if (item.attrName == "plan_heat") {
            return true;
          }
        });
        this.numval = g_bigscreen_data_arr[0].attrValue;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>